<template>
	<div class="view-collection-requirements">
		<el-button type="primary" plain  @click="ViewRequirements.outerVisible = true">采集要求</el-button>
		<el-dialog class="dialog" title="采集要求" :visible.sync="ViewRequirements.outerVisible">
			<div class="planrequire">
					{{planrequire}}
				</div>

			<div class="bottom" style="display:none"><el-button class="btn-block" type="primary" @click="ViewRequirements.outerVisible = false" size="mini">关闭窗口</el-button></div>
		</el-dialog>
	</div>
</template>

<script>
export default {
	name: 'ViewCollectionRequirements',
	props:{
		planrequire:{
			type:String,
			default:"无"
		}
	},
	data() {
		return {
			ViewRequirements: {
				outerVisible: false,
				textarea: '各位镇街,村人员请及时补充相关数据'
			}
		};
	}
};
</script>

<style lang="scss">
	.view-collection-requirements {
		.planrequire{
			border-top: 1px solid #ddd;
			min-height: 100px;
			padding:15px;
		}
		.dialog{
			width: 70%;
			margin: 0 auto;
		}
		.title {
			font-size: 16px;
			font-weight: normal;
			margin: 10px 0;
		}
		.bottom {
			margin-top: 10px;
		}
		.textarea {
			margin-bottom: 20px;
		}
	}
</style>
